<!DOCTYPE html>
<html lang="es" >
	<head>
		<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
		<link type="text/css" href="../css/style.css" rel="stylesheet"  />
		<title>Portal de aves acuáticas</title>
	</head>
	<body>
		<div class="header">
		<img src="../imgs/top_banner.jpg" width="900" height="110" alt="GuyraLogo" />

			<div><h1>Portal de aves acuáticas</h1></div>
			<br/><br/>
			<div><ul class="navigation">
				<li><a href="../index.html">Inicio</a></li>
				<li><a href="../especies/listar.html">Especies</a></li>
				<li><a href="../expertos/listar.html" style="background: #191970; color: #FFF">Expertos</a></li>
				<li><a href="../instituciones/listar.html">Instituciones</a></li>
				<li><a href="../proyectos/listar.html">Proyectos</a></li>
				<li><a href="../documentos/listar.html">Documentos</a></li>
				<li><a href="../publicaciones/listar.html">Publicaciones</a></li>
				<li><a href="../buscador/listar.html">Buscador</a></li>
			</ul></div>
			<p><br/><br/></p>
		</div>
		<br/><br/>
		<h2>Listado de expertos</h2>
		<p class="intro">A continuación se listan todos los expertos en el portal.</p>
		<a href="crear.html">Agregar nuevo experto</a>
		<br />
		<div class="filters">
		<h3>Filtros</h3>
		<form class="formInput">
			<label for="nombreComun">Nombre:</label>
			<input type="text" name="nombreComun" /><br />
			<label for="especie">Especie asociada:</label>
			<input type="text" name="especie" /><br />
			
			
			<label for="pais">País: </label>
			<!-- <input type="text" name="localidad" /><br />-->
			<select name="pais">
				<option value="TO" selected="selected">Todos</option>
				<option value="AR">Argentina</option>
				<option value="BO">Bolivia</option>
				<option value="BR">Brasil</option>
				<option value="CH">Chile</option>
				<option value="CO">Colombia</option>
				<option value="EC">Ecuador</option>
				<option value="GU">Guyana</option>
				<option value="PY">Paraguay</option>
				<option value="PE">Perú</option>
				<option value="SU">Surinam</option>
				<option value="UR">Uruguay</option>
				<option value="VE">Venezuela</option>
			</select><br />
			<input type="submit" value="Aplicar filtro" />
		</form>
		</div>
		<div class="contents">
			<h3>Resultados</h3>
			<table>
				<colgroup>
					<col class="quantity">
					<col class="ingredient">
				</colgroup>
				<thead>
					<tr>
						<th>Nombre</th>
						<th>Países</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>Experto 10</td>
						<td>Localidad 1</td>
					</tr>
					<tr>
						<td>Experto 11</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
					<tr>
						<td>Experto 12</td>
						<td>Localidad 3</td>
					</tr>
					<tr>
						<td>Experto 13</td>
						<td>Localidad 1, Localidad 2, Localidad 3</td>
					</tr>
					<tr>
						<td>Experto 14</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
					<tr>
						<td>Experto 15</td>
						<td>Localidad 5</td>
					</tr>
					<tr>
						<td>Experto 16</td>
						<td>Localidad 2</td>
					</tr>
					<tr>
						<td>Experto 17</td>
						<td>Localidad 1, Localidad 2, Localidad 5</td>
					</tr>
					<tr>
						<td>Experto 18</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
					<tr>
						<td>Experto 19</td>
						<td>Localidad 1, Localidad 2</td>
					</tr>
				</tbody>
			</table>
			<br />
			<a href="listar.html">Anterior</a>|<a href="#">Siguiente</a>
		</div>
	</body>
</html>
